<? $this->load->view('head',$head);?>

<? $this->load->view('header');?>
<div id="barra_horizontal_amarilla"></div>
<div id="contenido_reservaciones" >

    
    <div id="cont-titulo">
        <div class="izquierda_titulo"><span id="titulo">Reservaciones</span></div>
        <div class="derecha_titulo">
            <img src="img/indicador_hover.png" border="0"  alt="" style="width: 20px; float: left;">
                <div id="indicador" class="fuerte">
                    <span style="margin-left: -18px;">1</span>
                </div>
            <img src="img/indicador.png" border="0"  alt="" style="width: 20px; float: left; margin-left: -4px">
                <div id="indicador" class="fuerte">
                    <span style="margin-left: -18px;">2</span>
                </div>
            <img src="img/indicador.png" border="0"  alt="" style="width: 20px; float: left; margin-left: -4px">
                <div id="indicador" class="fuerte">
                    <span style="margin-left: -18px;">3</span>
                </div>
        </div>
    </div>


    <div id="cont-pass">
            <div id="opcion">
                <input type="text" class="text-user" value="Hotel"   onClick="this.value=''" />
            </div>
            <div id="opcion">
                <input type="text" class="text-user-cal" value="Fecha de ingreso" onClick="this.value=''"  />
                <img src="img/calendario.png" border="0"  alt="" style="width: 10%">
            </div>
            <div id="opcion">
                <input type="text" class="text-user-cal" value="Fecha de salida" onClick="this.value=''"  />
                <img src="img/calendario.png" border="0"  alt="" style="width: 10%">
            </div>
    </div>
    

    <div id="opcion_buscar">
        <a href="./reservaciones/datosreservacion" onClick="buscar();"><img src="img/button_blue.png" border="0"  alt="">
            <div id="boton_reservaciones" class="fuerte">
                <span>Buscar</span>
            </div>
        </a>
    </div>
   
   <div class="completo_reservaciones">
            <div class="izquierda_terminos">
                    <img src="img/arrow_gray.png" style="width: 20px; "/>
            </div>
            <div  class="derecha_terminos">
                <a href="./reservaciones/terminosycondiciones/1"><span style="text-decoration: underline;">T&eacute;rminos y Condiciones</span></a>
            </div>
    </div>
   
   <div class="completo_reservaciones">
            <div class="izquierda_terminos">
                    <img src="img/arrow_gray.png" style="width: 20px;"/>
            </div>
            <div  class="derecha_terminos">
                <a href="./reservaciones/preguntasfrecuentes"><span style="text-decoration: underline;">Preguntas Frecuentes</span></a>
            </div>
    </div>
   <div class="completo_reservaciones">
            <div class="izquierda_terminos">
                    <img src="img/arrow_gray.png" style="width: 20px;"/>
            </div>
            <div  class="derecha_terminos">
                <a href="./reservaciones/grupos"><span style="text-decoration: underline;">Reservaci&oacute;n para grupos</span></a>
            </div>
    </div>
    
</div>

<? $this->load->view('footer');?>




